<!DOCTYPE html>
<!--suppress ThymeleafVariablesResolveInspection -->
<!-- supperss ALL -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>问答</title>
    <meta name="keywords" content="有贝口腔网,口腔网,口腔知识,口腔问答,口腔问题">
    <meta name="description" content="有贝口腔网是一家专注互联网口腔服务网站，为用户提供腔知识,口腔资讯,口腔问题,口腔问答,口腔诊所,诊所入住,口腔厂家,厂家入住,在线看牙等综合服务口腔网站">

    <link rel="stylesheet" href="./yb_system_css/swiper.min.css">
    <link rel="stylesheet" href="./yb_system_css/reset.css">
    <link rel="stylesheet" href="./yb_system_css/commone.css">
    <link rel="stylesheet" href="./yb_system_css/commthree.css">
    <link rel="stylesheet" media="screen and (min-width:481px)" href="./yb_system_css/quesansw.css">
    <link rel="stylesheet" media="screen and (max-width:480px)" href="./yb_system_css/quesansw(1).css">


    <script src="./yb_system_js/hm.js"></script>
    <script type="text/javascript">
        var basePath = "/";
    </script>
    <script src="./yb_system_js/common.js"></script>
    <script src="./yb_system_js/jquery-3.5.1.min.js"></script>
    <script src="./yb_system_js/footfixed.js"></script>

    <script src="./yb_system_js/right-lub.js"></script>
    <script src="./yb_system_js/qaindex.js"></script>
    <script src="./yb_system_js/swiper.min.js"></script>
    <script src="./yb_system_js/layer.js"></script>
    <link rel="stylesheet" href="./yb_system_css/layer.css" id="layuicss-layer">
</head>
<body>
<div class="content">
    <div th:replace="public :: header"></div>
    <div class="main-tab">
        <div class="max-width">
            <ul class="main-tab-ul">
                <li th:if="${typeId == 0}"><a class="main-tab-active" th:href="@{/askAnswer}" target="_self">今日热门</a></li>
                <li th:if="${typeId != 0}"><a th:href="@{/askAnswer}" target="_self">今日热门</a></li>
                    <li th:each="thTypeList,typeState:${thTypeList}" th:if="${thTypeList.type==20 && typeState.count <= 10}">
                        <a  class="main-tab-active"  th:if="${typeId == thTypeList.id}" th:href="@{/answerType(id=${thTypeList.id})}" target="_self" th:text="${thTypeList.name}"></a>
                        <a th:if="${typeId != thTypeList.id}" th:href="@{/answerType(id=${thTypeList.id})}" target="_self" th:text="${thTypeList.name}"></a>
                    </li>
                <li class="tab-more-list">
                    <a href="javascript:;" target="_self">
                        <span>更多</span>
                        <img class="arrow-bottom" src="./yb_system_picture/arrow-bttom.png" alt="有贝口腔网">
                    </a>
                    <div>
                        <ul>
                            <li th:each="thTypeList,typeState:${thTypeList}" th:if="${thTypeList.type == 20 && typeState.count > 10}">
                                <a class="main-tab-active"  th:if="${thTypeList.id == typeId}" th:href="@{/answerType(id=${thTypeList.id})}" target="_self" th:text="${thTypeList.name}"></a>
                                <a th:if="${thTypeList.id != typeId}" th:href="@{/answerType(id=${thTypeList.id})}" target="_self" th:text="${thTypeList.name}"></a>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="content-main">
        <div class="box-bg-shadow">
            <div class="main-info-list">
                <div class="list-item">
                    <ul class="list-item-tab">
                        <li onclick="clickType(this,10,'')" class="list-item-tab-active"><a href="javascript:;">推荐</a></li>
                        <li onclick="clickType(this,15,'1')"><a href="javascript:;">已回答</a></li>
                        <li onclick="clickType(this,20,'0')"><a href="javascript:;">未回答</a></li>
                    </ul>
                </div>
                <div id="myContent">
                    <div class="list-item" th:each="questionList,questionState:${questionList}">
                        <!-- 问题配图 -->
                        <div class="list-item-top">
                            <a target="_blank" class="type" th:href="@{answerType(id=${questionList.typeId})}" th:text="${questionList.name}">洗牙</a>
                            <a target="_blank" class="ansewer type" th:if="${questionList.answerNum < 1}" th:href="@{/askAnswerDetail(id=${questionList.id})}">未答</a>
                            <a target="_blank" class="ansewer type" th:if="${questionList.answerNum >= 1}" th:href="@{/askAnswerDetail(id=${questionList.id})}">已答</a>
                            <a target="_blank" class="place" th:href="@{/askAnswerDetail(id=${questionList.id})}">邀请您回答</a>
                        </div>
                        <div class="list-item-title">
                            <a target="_blank" th:href="@{/askAnswerDetail(id=${questionList.id})}" th:text="${questionList.question}"></a>
                        </div>

                         <div class="list-item-content-text">
                             <a th:href="@{/askAnswerDetail(id=${questionList.id})}" th:if="${questionList.content != null && questionList.answerNum < 1}" th:utext="'[问题背景]'+${questionList.content}"></a>
                             <div class="text-ansower-user" th:if="${questionList.answerNum >= 1}">
                                 <a target="_blank" th:href="@{/userHomepage(id=${questionList.answerUserId})}" class="user-img-name">
                                     <img th:if="${questionList.userPhotoPath == null}" src="./yb_system_picture/user_Default.png">
                                     <img th:if="${questionList.userPhotoPath != null}" th:src="${questionList.userPhotoPath}">
                                     <span class="user-name" th:text="${questionList.answerNickname}"></span>
                                 </a>
                                 <p class="text-ansower-p">
                                     <span class="text-ansower-huida">[回答内容]</span>
                                 </p>
                             </div>
                             <p class="text-ansower-content" th:if="${questionList.answerNum >= 1}">
                                 <a target="_blank" th:href="@{/askAnswerDetail(id=${questionList.id})}" th:text="${questionList.introduce}"></a>
                             </p>
                         </div>

                        <div class="list-item-info">
                            <div class="list-item-info-left">
                                <a target="_blank" th:href="@{/userHomepage(id=${questionList.userId})}" class="user-img-name">
                                    <img th:if="${questionList.userPhotoPath == null}" src="./yb_system_picture/user_Default.png">
                                    <img th:if="${questionList.userPhotoPath != null}" th:src="${questionList.userPhotoPath}">
                                    <span class="user-name" th:text="${questionList.nickname}"></span>
                                </a>
                                <span class="time"  th:text="${#dates.format(questionList.createTime, 'yyyy-MM-dd')}"></span>
                                <a target="_blank" class="huida" th:href="@{/askAnswerDetail(id=${questionList.id})}" th:text="${questionList.answerNum+'个回答'}"></a>
                                <span class="dotted"></span>
                                <a target="_blank" class="liulan" th:href="@{/askAnswerDetail(id=${questionList.id})}" th:text="${questionList.readNum+'阅读'}"></a>
                            </div>
                            <div class="list-item-info-right">
                                <a target="_blank" th:href="@{/askAnswerDetail(id=${questionList.id})}">
                                    <img src="./yb_system_picture/Write.png" alt="有贝口腔网">
                                    <span>我要回答</span>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="list-item"></div>
                </div>
                <div class="more-content">
                    <div class="load-more" style="display:none;">
                        <img src="./yb_system_picture/load-more.gif" alt="有贝口腔网">
                        <span>加载中</span>
                    </div>
                    <div class="load-more-two load-more-fade" onclick="loadData()">点击加载更多</div>
                    <div class="no-data" style="display:none;">-- 没有数据啦,我是有底线的哦 --</div>
                </div>
            </div>
        </div>
        <div class="aside-left">
            <div class="wonderful-top">
                <div class="top-list top-list-one">
                    <div>
                        <a class="write-artical" href="javascript:;" target="_self">
                            <img src="./yb_system_picture/icon_Questions.png" alt="有贝口腔网">
                            <span>写文章</span>
                        </a>
                    </div>
                    <div>
                        <a href="javascript:;" target="_self" id="qa">
                            <img src="./yb_system_picture/icon_Articles.png" alt="有贝口腔网">
                            <span>提问题</span>
                        </a>
                    </div>
                </div>
                <div class="top-list top-list-two">
                    <div>
                        <a href="javascript:;" target="_self" onclick="showPlanFun()">
                            <img src="./yb_system_picture/Dentist.png" alt="有贝口腔网">
                            <span>网上看牙</span>
                        </a>
                    </div>
                    <div>
                        <a href="http://www.hasbei.com/about/link" target="_blank">
                            <img src="./yb_system_picture/Factory.png" alt="有贝口腔网">
                            <span>厂家入驻</span>
                        </a>
                    </div>
                    <div>
                        <a href="http://www.hasbei.com/about/link" target="_blank">
                            <img src="./yb_system_picture/Hospital.png" alt="有贝口腔网">
                            <span>诊所入驻</span>
                        </a>
                    </div>
                </div>
            </div>


            <div class="wonderful-top">
                <div class="wonderful-top-title">
                    <span>大家都在问</span>
                </div>
                <div class="wonderful-ansewer-list" th:each="orderList,orderListState:${orderList}">
                    <div class="ansewer-list-item">
                        <span class="pink-bg" th:text="${orderListState.count}"></span>
                        <div>
                            <a target="_blank" class="ansewer-list-title" th:href="@{/askAnswerDetail(id=${orderList.id})}" th:text="${orderList.question}"></a>
                            <div class="ansewer-list-info">
                                <a target="_blank" th:href="@{/askAnswerDetail(id=${orderList.id})}">
                                    <img src="./yb_system_picture/Write.png" alt="">
                                    <span class="ansewer-list-info-ansewer">回答</span>
                                </a>
                                <a target="_blank" th:href="@{/askAnswerDetail(id=${orderList.id})}" th:text="${orderList.answerNum+'个回答'}"></a>
                                <span class="dotted"></span>
                                <a target="_blank" th:href="@{/askAnswerDetail(id=${orderList.id})}" th:text="${orderList.readNum+'阅读'}"></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>

    <div th:replace="public::footer"></div>

    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?4245936cbef31e434e2b387b56dfd7d8";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</div>
</body>
</html>